<!--
 * @Author: yangy
 * @Date: 2023-11-06 11:25:44
 * @LastEditors: yangy aidreams@sina.com
 * @LastEditTime: 2024-03-08 15:51:05
 * @FilePath: /qn_mall_frontend/src/components/tabbar/Index.vue
 * @Description:
 *
 * Copyright (c) 2023 by 青柠利合科技(北京)有限公司, All Rights Reserved.
-->
<template>
  <van-tabbar
    route
    v-model="active"
    active-color="#FE4F70"
    inactive-color="#949497"
  >
    <van-tabbar-item name="home" icon="home-o" to="/index">
      首页
    </van-tabbar-item>
    <van-tabbar-item name="category" icon="apps-o" to="/category">
      分类
    </van-tabbar-item>
    <van-tabbar-item
      name="cart"
      icon="shopping-cart-o"
      to="/cart"
      :badge="goodsNum"
    >
      购物车
    </van-tabbar-item>
    <van-tabbar-item name="mine" icon="user-o" to="/mine"> 我 </van-tabbar-item>
  </van-tabbar>
</template>
//
<script setup name="Tabbar">
// import { ref, computed } from "vue";
// import { useCartStore } from "@/store/cart.js";

// const active = ref("home");
// const cartStore = useCartStore();
// const goodsNum = computed(() => {
//   return cartStore.getGoodsNum();
// });
//
</script>
